



        
        main .tips.ready .chn{
            transition-property: opacity ,transform;
            transition-duration: 1s;
            opacity: 0;
            transform: translateX(-100px);
        }
        main .tips.ready .eng{
            transition-property: opacity ,transform;
            transition-duration: 1s;
            transition-delay: .2s;
            opacity: 0;
            transform: translateX(100px);
        }
        main .tips.frozen .chn,
        main .tips.frozen .eng{
            transform: translateX(0px);
        }
        main .tips.frozen .chn,
        main .tips.frozen .eng{
            opacity: 1;
        }
        main .tips i.frozen{
            width: 100%;
        }
        main .about .aboutTips.ready>div{
            opacity: 0;
            transition-property: opacity;
            transition-duration: .4s;
        }
        main .about .aboutTips.ready .rht{
            transition-delay: .7s;
        }
        main .about .aboutTips.frozen>div{
            opacity: 1;
        }

        main .about .aboutTips.ready i{
            transition: transform ease .3s;
            transform-origin: left;
            transform:scaleX(0)
        }
        main .about .aboutTips.frozen i{
            transform:scaleX(1);
        }
        main .about .content.ready .txt{
            transition: opacity .5s ease .2s,transform .5s ease .2s;
            opacity: 0;
            transform: translateY(40px);
        }
        main .about .content.frozen .txt{
            opacity: 1;
            transform: translateY(0px);
        }

        main .case .blockHead .roll.ready .examples .block{
            opacity: 0;
            transition-property: opacity;
            transition-duration: 1s;
        }
        main .case .blockHead .roll.ready .examples .block:nth-child(1){
            transition-delay: .2s;
        }
        main .case .blockHead .roll.ready .examples .block:nth-child(2){
            transition-delay: .35s;
        }
        main .case .blockHead .roll.ready .examples .block:nth-child(3){
            transition-delay: .5s;
        }
        main .case .blockHead .roll.ready .examples .block:nth-child(4){
            transition-delay: .65s;
        }
        main .case .blockHead .roll.frozen .examples .block{
            opacity: 1;
        }
      
        main .news ul.ready li{
            opacity: 0;
        }
        main .news ul.frozen li{
            opacity: 1;
        }
        @media(min-width:1051px){
            main .news ul.ready li:first-child{
                transform: translateX(100%);
            }
            main .news ul.ready li:last-child{
                transform: translateX(-100%);
            }
            main .news ul.frozen li:first-child{
                transform: translateX(0%);
            }
            main .news ul.frozen li:last-child{
                transform: translateX(0%);
            }
        }
        @media (max-width:1050px){
            
            main .news ul.ready li:first-child{
                transform: translateY(100%);
            }
            main .news ul.ready li:last-child{
                transform: translateY(-100%);
            }
            main .news ul.frozen li:first-child{
                transform: translateY(0%);
            }
            main .news ul.frozen li:last-child{
                transform: translateY(0%);
            }
            
        }
        
        @media (max-width:767px){
            main .about .aboutTips.ready .rht{
                transition-delay: .2s;
            }
            main .about .aboutTips.ready i{
                transform-origin: top;
                transform:scaleY(0)
            }
            main .about .aboutTips.frozen i{
                transform:scaleY(1);
            }
        }
        